.nav>div:hover {
	border-bottom: 3px solid #2371FF;
}
.nav a {
	color: #8B8B8C;
}
.equipment{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.equipment>img{
	width: 100%;
	height: 100%;
}
.equipment_title{
	width: 4rem;
	height: .9375rem;
	color: #FFF;
	font-size: .666667rem;
	position: absolute;
	top: 1.510417rem;
	left: 50%;
	transform: translateX(-50%);
}
.btn{
	width: 1.666667rem;
	height: .5rem;
	font-size: .166667rem;
	background: #2371FF;
	border-radius: .083333rem;
	border: none;
	color: #fff;
	cursor:pointer;
}
.equipment>.btn{
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translate(-50%, 0%);
}
.ammeter{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin-top: -4px;
	cursor: pointer;
}
.ammeter>img{
	width: 100%;
	height: 100%;
}
.ammeter_title{
	width: 4.979167rem;
	height: 1.166667rem;
	position: absolute;
	top: 1.479167rem;
	left: 3.802083rem;
}
.ammeter_title>p{
	font-size: .333333rem;
}
.ammeter_item {
	width: 5.260417rem;
	height: 1.041667rem;
	position: absolute;
	top: 2.895833rem;
	left: 3.802083rem;
	display: flex;
	justify-content: space-between;
}
.ammeter_item>div{
	width: 1.041667rem;
	height: 1.041667rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/* line-height: 1.041667rem; */
	text-align: center;
	font-size: .166667rem;
	border: .010417rem solid #727272;
	border-radius: .083333rem;
}
.ammeter>.btn{
	position: absolute;
	top: 4.166667rem;
	left: 3.75rem;
}
.pay{
	width: 1.895833rem;
	height: 1.895833rem;
	position: absolute;
	top: 6.854167rem;
	left: 3.791667rem;
}
.pay>img{
	width: 100%;
	height: 100%;
}
.watermeter{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin-top: -0.041667rem;
	cursor: pointer;
}
.watermeter>img{
	width: 100%;
	height: 100%;
}
.watermeter_title{
	width: 4.5rem;
	height: .708333rem;
	font-size: .5rem;
	color: #FFF;
	position: absolute;
	top: .9375rem;
	left: 7.75rem;
}
.watermeter_trait{
	display: flex;
	justify-content: space-around;
	width: 4.5rem;
	height: .520833rem;
	line-height: .520833rem;
	color: #ACD8EF;
	padding: 0 .208333rem;
	border-top: .010417rem solid #C0E2F3;
	border-bottom: .010417rem solid #C0E2F3;
	position: absolute;
	top: 1.666667rem;
	left: 7.75rem;
}
.pie{
	width: .9375rem;
	height: .9375rem;
	border-radius: .46875rem;
	font-size: .208333rem;
	border: .010417rem solid #FFF;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.pie1{
	position: absolute;
	top: 4.166667rem;
	left: 6.666667rem;
}
.pie2{
	position: absolute;
	top: 5.9375rem;
	left: 6.875rem;
}
.pie3{
	position: absolute;
	top: 3.40625rem;
	right: 6.604167rem;
}
.pie4{
	position: absolute;
	bottom: 2.708333rem;
	right: 6.354167rem;
}
.watermeter>.btn{
	position: absolute;
	top: 8.979167rem;
	left: 50%;
	transform: translate(-50%, 0%);
}
.gate{
	width: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin-top: -4px;
	cursor: pointer;
}
.gate>img{
	width: 100%;
	height: 100%;
}
.gate_box{
	width: 4.770833rem;
	height: 4.114583rem;
	background-color: #466FB7;
	opacity: 0.7;
	position: absolute;
	top: 1.739583rem;
	left: 3.802083rem;
}
.box_header{
	width: 3.770833rem;
	height: .729167rem;
	display: flex;
	margin-top: .416667rem;
	margin-left: .270833rem;
}
.header_img{
	width: .625rem;
	height: .625rem;
}
.header_img>img{
	width: 100%;
	height: 100%;
}
.header_size{
	color: #FFF;
	font-size: .479167rem;
	margin-left: .041667rem;
}
.box_item::before{
	content: '●';
	font-size: .208333rem;
	margin-right: .041667rem;
}
.gate_box>ul{
	margin-top: .645833rem;
}
.box_item{
	font-size: .166667rem;
	color: #FFF;
	margin-left: .583333rem;
	margin-bottom: .229167rem;
}
.gate>.btn{
	position: absolute;
	top: 6.447917rem;
	left: 3.75rem;
}
.fixing-imgContainer{
	width: 100%;
}
.fixing-imgContainer img{
	width: 100%;
}
